		{%include "topo_180plus.html"%}
	<div id="principal">
		<div id="meio">
			<div id="conteudo">
				{%include "header.html"%}
				<div id="box_topo_classi">
					<div class="box_menu">
						<div id="menu">
							<ul id="primary-nav">
							  <li class="menuparent empregos"><span></span><a href="/listar/1">Neg&oacute;cios</a>
						    <ul class="secundary-nav">
						    {%for subProduto in subCategoriaProduto%}
						      <li><a href="/listar/1/{{subProduto.id}}">{{subProduto.nome}}</a></li>
						    {%endfor%}
						    </ul>
						  </li>
						  <li class="menuparent veiculos"><span></span><a href="/listar/2">Ve&iacute;culos</a>
						    <ul class="secundary-nav">
						    {%for subVeiculo in subCategoriaVeiculo%}
						      <li><a href="/listar/2/{{subVeiculo.id}}">{{subVeiculo.nome}}</a></li>
						    {%endfor%}
						    </ul>
						  </li>
						  <li class="menuparent imoveis"><span></span><a href="/listar/3">Im&oacute;veis</a>
						    <ul class="secundary-nav">
						    {%for subImoveis in subCategoriaImoveis%}
						      <li><a href="/listar/3/{{subImoveis.id}}">{{subImoveis.nome}}</a></li>
						    {%endfor%}
						    </ul>
						  </li>
						  <li class="menuparent negocios"><span></span><a href="/listar/4">Empregos</a>
						    <ul class="secundary-nav">
						    {%for subNegocio in subCategoriaNegocio%}
						      <li><a href="/listar/4/{{subNegocio.id}}">{{subNegocio.nome}}</a></li>
						    {%endfor%}
						    </ul>
						  </li>
							</ul>				
						</div>	
						<div class="box_social">
							<a class="link fb" href="https://www.facebook.com/classi180" >Curta no facebook!</a>
						</div>		
						<div class="box_social">
							<a class="link tw" href="https://twitter.com/classi180" >Siga no Twitter!</a>
						</div>		
						<div class="box_social">
							<a class="link gm" href="https://plus.google.com/u/1/100871033551131299974/posts" >Compartilhe no Google+!</a>
						</div>		
					</div>
					<div class="box_slide">
						<div id="slider_content">
							<div id="photoslide">
								<div id="slider">
								{%for publicidade in publicidades%}
									{%if publicidade.url%}
										<a href="{{publicidade.url}}">
											<span class="foguete"></span><img src="{{MEDIA_URL}}{{publicidade.thumbnail}}" alt="" />
										</a>
									{%else%}
										<a href="#">
											<span class="foguete"></span><img src="{{MEDIA_URL}}{{publicidade.thumbnail}}" alt="" />
										</a>
									{%endif%}
											
								{%endfor%}	
								</div>						
							</div>
						</div>
					</div>
					<div class="box_parceiros">
						<div class="publicidade_parceiro">
							{%for parceiro in publicidadeParceiro%}
								<a href="{{parceiro.url}}" title="{{parceiro.nome}}" ><img src="{{MEDIA_URL}}{{parceiro.thumbnail}}">Publicidade 3</a>
							{%endfor%} 
						</div>
					</div>				
				</div>
				<div id="top_destaque">
					<div class="box_titulo">
						<h4 class="titulo_anuncio">An&uacute;ncios em Destaque</h4>
						<!-- select class="titulo_anuncio" style="border:0;">
							<option>Anuncios em destaque</option>
							<option>Mais acessados</option>
							<option>Mais Buscados</option>
							<option>Mais compartilhados</option>
							<option>Ultimos anuncios</option>
						</select -->
						<!-- form class="opc_busca">
							<select>
								<option>Cidades</option>
								<option>Teresina</option>
								<option>Parnaiba</option>
							</select>
							<select>
								<option>Categorias</option>
								<option>Empregos</option>
								<option>Imoveis</option>
								<option>Negocios</option>
								<option>Veiculos</option>
							</select>
							<input type="text">
							<input type="button">
						</form>  -->
					</div>
					<ul class="classi180-940">
						{%for anuncioDestaque in destaques%}
                			<li>
                    			<a class="borda-interna" href="/anuncio/{{anuncioDestaque.id}}">{%if anuncioDestaque.thumbnail%}<img src="{{MEDIA_URL}}/{{anuncioDestaque.thumbnail}}" width = "150" height = "100"/>{%else%}<img src="{{MEDIA_URL}}/{{anuncioDestaque.foto}}" width = "150" height = "100"/>{%endif%}</a>
                        		<p><a href="/anuncio/{{anuncioDestaque.id}}">{{anuncioDestaque.descricao}}</a></p>
                        		{%load filtros%}
                        		<p class="preco">R$ {{anuncioDestaque.preco|formata}}</p>
                    		</li>
                    		{%if forloop.counter == 6%}
	                			<li class="last">
	                    			<a class="borda-interna" href="/anuncio/{{anuncioDestaque.id}}">{%if anuncioDestaque.thumbnail%}<img src="{{MEDIA_URL}}/{{anuncioDestaque.thumbnail}}" width = "150" height = "100"/>{%else%}<img src="{{MEDIA_URL}}/{{anuncioDestaque.foto}}" width = "150" height = "100"/>{%endif%}</a>
	                        		<p><a href="/anuncio/{{anuncioDestaque.id}}">{{anuncioDestaque.descricao}}</a></p>
	                        		<p class="preco">R$ {{anuncioDestaque.preco|formata }}</p>
	                    		</li>
                    		{%endif%}
                		{%endfor%}
			        </ul>
			        <!-- a class="prev_anun">Prev</a><a class="next_anun">Next</a-->
				</div>
				<div id="box_index">
					<div id="box_esquerda_index">
						<div class="index_topo_publicidade">
							<div class="publicidade">
							{%for publicidadeExtras in publicidadeExtra%}
								<a href="{{publicidadeExtras.url}}" title="Publicidade 1" ><img alt="" src="{{MEDIA_URL}}{{publicidadeExtras.thumbnail}}">Publicidade 1</img></a>
							{%endfor%}	 
							</div>				
						</div>
						<div id="box_maisacessados">
							<div class="box_titulo">
								<h4 class="titulo_anuncio">Mais acessados</h4>				
								<!-- <form class="opc_busca">
									<select>
										<option>Cidades</option>
										<option>Teresina</option>
										<option>Parnaiba</option>
									</select>
									<select>
										<option>Categorias</option>
										<option>Empregos</option>
										<option>Imoveis</option>
										<option>Negocios</option>
										<option>Veiculos</option>
									</select>
									<input type="text">
									<input type="button">
								</form> -->
							</div>
							<ul class="box_anuncios maisacessados slide_anun">
								<li class="linha">
									<ul class="box_linha">
										{%for maisAcessados in acessados%}
											{%if forloop.counter|divisibleby:"2"%}
											<li class="box last">
												<a class="img_prd" href="/anuncio/{{maisAcessados.id}}" >{%if maisAcessados.thumbnail%}<img src="{{MEDIA_URL}}/{{maisAcessados.thumbnail}}"/>{%else%}<img src="{{MEDIA_URL}}/{{maisAcessados.foto}}"/>{%endif%}</a>
												<a class="nome_prd" href="/anuncio/{{maisAcessados.id}}">{{maisAcessados.descricao}}</a>
												<span class="preco">
													<em>R$ {{maisAcessados.preco|formata}}</em>
												</span>
												<span class="tempo">
													<em>{{maisAcessados.dataCadastro}}</em>
												</span>
											</li>
											{%else%}
											<li class="box">
												<a class="img_prd" href="/anuncio/{{maisAcessados.id}}" >{%if maisAcessados.thumbnail%}<img src="{{MEDIA_URL}}/{{maisAcessados.thumbnail}}"/>{%else%}<img src="{{MEDIA_URL}}/{{maisAcessados.foto}}"/>{%endif%}</a>
												<a class="nome_prd" href="/anuncio/{{maisAcessados.id}}">{{maisAcessados.descricao}}</a>
												<span class="preco">
													<em>R$ {{maisAcessados.preco|formata}}</em>
												</span>
												<span class="tempo">
													<em>{{maisAcessados.dataCadastro}}</em>
												</span>
											</li>
											{%endif%}
											{%if forloop.counter == 2%}
												</ul>
											</li>
											<li class="linha">
												<ul class="box_linha">
											{%endif%}
										{%endfor%}
									</ul>
								</li>
							</ul>
						</div>
						<div class="box_outros_anuncios">
							<div class="box_titulo">
								<h4 class="titulo_anuncio">Recomendados</h4>				
								<!-- <form class="opc_busca">
									<select>
										<option>Cidades</option>
										<option>Teresina</option>
										<option>Parnaiba</option>
									</select>
									<select>
										<option>Categorias</option>
										<option>Empregos</option>
										<option>Imoveis</option>
										<option>Negocios</option>
										<option>Veiculos</option>
									</select>
									<input type="text">
									<input type="button">
								</form>  -->
							</div>
							<ul class="box_anuncios outros_anuncios">
								<li class="linha">
									<ul class="box_linha slide_anun">
										{%for mais in recomendados%}	
											{%if forloop.counter|divisibleby:"3"%}
											<li class="box last">
												<a class="img_prd" href="/anuncio/{{mais.id}}" >{%if mais.thumbnail%}<img src="{{MEDIA_URL}}/{{mais.thumbnail}}"/>{%else%}<img src="{{MEDIA_URL}}/{{mais.foto}}"/>{%endif%}</a>
												<a class="nome_prd" href="/anuncio/{{mais.id}}">{{mais.descricao}}</a>
												<span class="preco">
													<em>R$ {{mais.preco|formata}}</em>
												</span>
											</li>
											{%else%}
											<li class="box">
												<a class="img_prd" href="/anuncio/{{mais.id}}" >{%if mais.thumbnail%}<img src="{{MEDIA_URL}}/{{mais.thumbnail}}"/>{%else%}<img src="{{MEDIA_URL}}/{{mais.foto}}"/>{%endif%}</a>
												<a class="nome_prd" href="/anuncio/{{mais.id}}">{{mais.descricao}}</a>
												<span class="preco">
													<em>R$ {{mais.preco|formata}}</em>
												</span>
												
											</li>
											{%endif%}	
										{%endfor%}
									</ul>
								</li>
							</ul>
						</div>	
						<div class="box_outros_anuncios">
							<div class="box_titulo">
								<h4 class="titulo_anuncio">&Uacute;ltimos an&uacute;ncios</h4>				
								<!-- <form class="opc_busca">
									<select>
										<option>Cidades</option>
										<option>Teresina</option>
										<option>Parnaiba</option>
									</select>
									<select>
										<option>Categorias</option>
										<option>Empregos</option>
										<option>Imoveis</option>
										<option>Negocios</option>
										<option>Veiculos</option>
									</select>
									<input type="text">
									<input type="button">
								</form> -->
							</div>
							<ul class="box_anuncios outros_anuncios">
								<li class="linha">
									<ul class="box_linha">
										{%for ultimosAnuncios in ultimos%}
											{%if forloop.counter|divisibleby:"3"%}
												<li class="box last">
													<a class="img_prd" href="/anuncio/{{ultimosAnuncios.id}}" >{%if ultimosAnuncios.thumbnail%}<img src="{{MEDIA_URL}}/{{ultimosAnuncios.thumbnail}}"/>{%else%}<img src="{{MEDIA_URL}}/{{ultimosAnuncios.foto}}"/>{%endif%}</a>
													<a class="nome_prd" href="/anuncio/{{ultimosAnuncios.id}}">{{ultimosAnuncios.descricao}}</a>
													<span class="preco">
														<em>R$ {{ultimosAnuncios.preco|formata}}</em>
													</span>
												</li>
											{%else%}
												<li class="box">
													<a class="img_prd" href="/anuncio/{{ultimosAnuncios.id}}" >{%if ultimosAnuncios.thumbnail%}<img src="{{MEDIA_URL}}/{{ultimosAnuncios.thumbnail}}"/>{%else%}<img src="{{MEDIA_URL}}/{{ultimosAnuncios.foto}}"/>{%endif%}</a>
													<a class="nome_prd" href="/anuncio/{{ultimosAnuncios.id}}">{{ultimosAnuncios.descricao}}</a>
													<span class="preco">
														<em>R$ {{ultimosAnuncios.preco|formata}}</em>
													</span>
												</li>
											{%endif%}
										{%endfor%}
									</ul>
								</li>
							</ul>
						</div>	
						<div id="box_blog">
							<div class="box_titulo">
								<a href="/blog/"><h4 class="titulo_anuncio">Blog classi180</h4></a>
								<!-- form class="opc_busca">
									<select>
										<option>Todas</option>
										<option>Avisos</option>
										<option>Dicas</option>
										<option>Novidades</option>
									</select>
								</form> -->
							</div>
							<ul class="box_anuncios blog_classi">
							{%for noticia in noticias%}
							{%if forloop.counter == 1%}
								<li class="linha">
									<a href="/postblog/{{noticia.id}}">{{noticia.titulo}}</a><span class="qtd_comentarios"></span>
									<br><span>{{noticia.dt_publicacao}} por <a style="font: normal 12px arial;">Classi News</a></span>
									<p class="post_com_foto"><img src="{{MEDIA_URL}}{{noticia.imagem_destaque}}">{{noticia.conteudo}}</p>
									<p class="blog_social">Compartilhe:
										<a href="javascript: void(0);" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]={{noticia.titulo}}&p[summary]={{noticia.conteudo|truncatewords:'45'}}&p[url]=http://classi180.com/postblog/{{noticia.id}}/&p[images][0]={{MEDIA_URL}}{{noticia.imagem_destaque}}','ventanacompartir', 'toolbar=0, status=0, width=650, height=450');" class="social_blog blog_fb" title="Compartihe no Facebook"></a>
										<a href="http://twitter.com/?status={{noticia.titulo}} http://classi180.com/postblog/{{noticia.id}} &#64;classi180" target="_blank" class="social_blog blog_tw" title="Compartihe no Twitter"></a>
										<a href="https://plus.google.com/share?url=http://classi180.com/postblog/{{noticia.id}}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="social_blog blog_gm" title="Compartihe no Google+"></a>
										<a class="blog_comente">Comente</a>
									</p>
								</li>
							{%else%}
								{%if forloop.counter <= 4%}
								<li class="linha">
									<a href="/postblog/{{noticia.id}}">{{noticia.titulo}}</a><span class="qtd_comentarios"></span>
									<br><span>{{noticia.dt_publicacao}} por <a style="font: normal 12px arial;">Classi News</a></span>
									<p>{{noticia.conteudo|truncatewords:"45"}}<a href="/postblog/{{noticia.id}}" style="color: #58c9ee;">[leia mais]</a></p>
									<p class="blog_social">Compartilhe:
										<a href="javascript: void(0);" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]={{noticia.titulo}}&p[summary]={{noticia.conteudo|truncatewords:'45'}}&p[url]=http://classi180.com/postblog/{{noticia.id}}/&p[images][0]=http://classi180.com/media/imagens/logo.png','ventanacompartir', 'toolbar=0, status=0, width=650, height=450');" class="social_blog blog_fb" title="Compartihe no Facebook"></a>
										<a href="http://twitter.com/?status={{noticia.titulo}} http://classi180.com/postblog/{{noticia.id}} &#64;classi180" target="_blank" class="social_blog blog_tw" title="Compartihe no Twitter"></a>
										<a href="https://plus.google.com/share?url=http://classi180.com/postblog/{{noticia.id}}" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="social_blog blog_gm" title="Compartihe no Google+"></a>
										<a class="blog_comente">Comente</a>
									</p>
								</li>
								{%endif%}
								{%endif%}
							{%endfor%}								
							</ul>						
						</div>								
					</div>	
					<div id="box_direita_index">
						<div class="unit_right maisbuscados">
							<div class="box_titulo">					
								<h4 class="titulo_anuncio">Mais buscados</h4>
							</div>				
							<div class="box_maisbuscados">
							{%for tag in tags%}
							   <a href="/busca/?busca={{tag.tag}}" style={% cycle 'font-size:22px;text-decoration:none; color: #000000;','font-size:24px;text-decoration:none; color: #858585;','font-size:23px;text-decoration:none; color: #000000;','font-size:20px;text-decoration:none; color: #858585;','font-size:19px;text-decoration:none; color: #858585;','font-size:22px;text-decoration:none; color: #474747;','font-size:20px;text-decoration:none; color: #474747;','font-size:24px;text-decoration:none; color: #000000;','font-size:22px;text-decoration:none; color: #474747;','font-size:18px;text-decoration:none; color: #474747;','font-size:22px;text-decoration:none; color: #474747;','font-size:18px;text-decoration:none; color: #474747;','font-size:16px;text-decoration:none; color: #616161;','font-size:24px;text-decoration:none; color: #474747;','font-size:17px;text-decoration:none; color: #858585;','font-size:20px;text-decoration:none; color: #858585;','font-size:19px;text-decoration:none; color: #858585;','font-size:24px;text-decoration:none; color: #858585;' %}>{{tag.tag}}</a>
							{%endfor%}   
							</div>
						</div>
						<div class="unit_right pub_right">
						{%for publicidadeIlhas in publicidadeIlha%}
							<a href="{{publicidadeIlhas.url}}" title="Publicidade 2" ><img src="{{MEDIA_URL}}{{publicidadeIlhas.thumbnail}}">Publicidade 2</a>
						{%endfor%} 
						</div>
						<div class="socialtw_right">
							<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
							<script>
								new TWTR.Widget({
								  version: 2,
								  type: 'profile',
								  rpp: 10,
								  interval: 30000,
								  width: 300,
								  height: 215,
								  theme: {
								    shell: {
								      background: '#3cbfd6',
								      color: '#ffffff'
								    },
								    tweets: {
								      background: '#ffffff',
								      color: '#000000',
								      links: '#ff9e0d'
								    }
								  },
								  features: {
								    scrollbar: true,
								    loop: false,
								    live: false,
								    behavior: 'default'
								  }
								}).render().setUser('classi180').start();
							</script>
						</div>
						<div class="socialfb_right">
							<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/classi180&amp;width=300&amp;height=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:400px;" allowTransparency="true"></iframe>				
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="publicidade">
			<div class="publicidade_link">
			{%for gigante in publicidadeGigante%}
				<a href="{{gigante.url}}" title="Publicidade 3" ><img src="{{MEDIA_URL}}{{gigante.thumbnail}}">Publicidade 3</a>
			{%endfor%} 
			</div>
		</div>
	</div>
	{%include "rodape_regioes.html"%}
</body>
</html>